{% extends 'base.html' %}
{% load echarts %}
{% block main_content %}
    {% dw_widget jumbotron %}
    {% if chart_obj %}
        <div class="container">

            <div class="panel panel-default">
                <div class="panel-heading">{{ chart_info.title }}</div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-9  col-sm-12">
                            {% dw_widget chart_obj width="100%" height="320px" %}
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <p>{{ chart_info.description }}</p>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    {% endif %}
    {% if home_values_panel %}
        {% dw_widget home_values_panel %}
    {% endif %}
    {% if top_chart_info_list %}
        <div class="page-header">
            <h2>热门图表</h2>
        </div>
        {% include layout_tpl with chart_info_list=top_chart_info_list only %}
    {% endif %}

{% endblock %}
{% block extra_script %}
    {% if chart_obj %}
        {% echarts_js_dependencies chart_obj %}
        {% echarts_js_content chart_obj %}
    {% endif %}
{% endblock %}